<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>12306 模仿界面 车站大屏</title>
    <link rel="stylesheet" href="iconfont1/iconfont.css">
    <link rel="stylesheet" href="css/screen.css">
</head>
<body>
<div class="wrapper">
    <div class="headericon"><i class="i material-symbols:arrow-back-ios" onclick="location.href='home_page.html'"></i></div>
    <div class="header1" >
        嘉峪关站<i class="i ep:caret-bottom"></i>
        <p>以下信息仅供参考。请以车站公告为准。左滑可添加关注。</p>
    </div>
    <div class="search">
        输入车次查询
    </div>
    <div class="screenlist">
        <div class="list0">
            <div>车次</div>
            <div>终到</div>
            <div>发时<i class="i ep:caret-bottom"></i></div>
            <div>候车室/检票口</div>
            <div>全部状态<i class="i ep:caret-bottom"></i></div>
        </div>
        <div class="list0">
            <div style="color: #3c97f9">T3295</div>
            <div>乌鲁木齐</div>
            <div>01:44<i class="i ep:caret-bottom"></i></div>
            <div>--/--</div>
            <div>--<i class="i ep:caret-bottom"></i></div>
        </div>
        <div class="list0">
            <div style="color: #3c97f9">Y670</div>
            <div>敦煌</div>
            <div>01:54<i class="i ep:caret-bottom"></i></div>
            <div>--/--</div>
            <div>--<i class="i ep:caret-bottom"></i></div>
        </div>
        <div class="list0">
            <div style="color: #3c97f9">T3296</div>
            <div>兰州</div>
            <div>02:29<i class="i ep:caret-bottom"></i></div>
            <div>--/--</div>
            <div>--<i class="i ep:caret-bottom"></i></div>
        </div>
        <div class="list0">
            <div style="color: #3c97f9">K9667</div>
            <div>敦煌</div>
            <div>03:01<i class="i ep:caret-bottom"></i></div>
            <div>--/--</div>
            <div>--<i class="i ep:caret-bottom"></i></div>
        </div>
        <div class="list0">
            <div style="color: #3c97f9">K4114</div>
            <div>安阳</div>
            <div>05:09<i class="i ep:caret-bottom"></i></div>
            <div>--/--</div>
            <div>--<i class="i ep:caret-bottom"></i></div>
        </div>
        <div class="more">查看车站更多信息</div>
        <div class="ready">
            <div class="ready0">
            </div>
            <div>以下为已出发车次
            </div>
            <div class="ready0">
            </div>
        </div>
        <div style="background: #a29696" class="list0">
            <div>Y668</div>
            <div>兰州</div>
            <div>00:06<i class="i ep:caret-bottom"></i></div>
            <div>--/--</div>
            <div>--<i class="i ep:caret-bottom"></i></div>
        </div>
        <div style="background: #a29696" class="list0">
            <div>Z70</div>
            <div>北京西</div>
            <div>00:20<i class="i ep:caret-bottom"></i></div>
            <div>--/--</div>
            <div>--<i class="i ep:caret-bottom"></i></div>
        </div>
    </div>



</div>
<div class="footer">
    <div style="color: #0a519f">
        出发
    </div>
    <div>
|
    </div>
    <div>
到达
    </div>

</div>
</body>
</html>